<script setup>
import { useCategoryStore } from '@/stores/category'
const categoryStore=useCategoryStore()
</script>


<template>
<div class="home-category">
  <ul>
    <li v-for="item in categoryStore.categoryList" :key="item.id">{{item.name}} {{ item.children[0].name }}</li>

  </ul>
</div>
</template>

<style scoped>
.home-category {
 position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 20%;
  background-color: rgba(2, 2, 2, 0.5);
}

.home-category ul li {
  font-size: 20px;
  color: #fff;
  padding: 10px 0;
  line-height: 50px;
  height: 50px;
  text-indent: 30px;
}
</style>
